import { Component } from '@angular/core';
import { RouterModule } from '@angular/router';
import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';

@Component({
  selector: 'app-breadcrumb-router',
  standalone: true,
  imports: [NzBreadCrumbModule, RouterModule],
  template: `
    <div class="demo">
      <nz-breadcrumb>
        <nz-breadcrumb-item>
          <a [routerLink]="'/'"> Home </a>
        </nz-breadcrumb-item>
        <nz-breadcrumb-item>
          <a [routerLink]="'../'"> Application List </a>
        </nz-breadcrumb-item>
        <nz-breadcrumb-item>An Application</nz-breadcrumb-item>
      </nz-breadcrumb>
    </div>
  `,
  styles: ``,
})
export class BreadcrumbRouterComponent {}
